<template>
	<view class="bg-theme p-48 ">
		<!-- 搜索框 -->
		<u-search class="m-tb-34" width='163' height='33' :clearabled="true" placeholder="输入关键词" v-model="search"
			bg-color="#fff" :show-action='false'></u-search>
		<u-tabs style="" :list="list" :is-scroll="true" :current="current" @change="change"></u-tabs>
		<view class="p-tb-34" style="border-radius: 30rpx">
			<u-tabs bg-color='#EFF9FF' :list="list1" lineWidth="20" lineHeight="7"
				:lineColor="`url(${lineBg}) 100% 100%`" :activeStyle="{
			    color: '#303133',
			    fontWeight: 'bold',
				backgroundColor: '#fff',
				padding: '20rpx',
				borderRadius:'30rpx',
			    transform: 'scale(1.05)'
			}" :inactiveStyle="{
			    color: '#606266',
			    transform: 'scale(1)'
			}" itemStyle="padding-left: 15px;padding-right: 15px; height: 34px;" :is-scroll="true" :current="current"
				@change="change"></u-tabs>

		</view>
		<view class="textContent m-tb-22">
			<view class="flex flex-j-b item b-b-gray " v-for="(item, index) in textCon" :key="index">
				<view style="width: 415rpx;" class="flex-1">
					<!-- <view style="width: 100%;" class="flex flex-a-c flex-j-b"> -->
					<!-- <view class="flex flex-a-c"> -->
					<view style="" class="type p-14 line-2 text-ellipsis">
						{{item.name }}
					</view>

					<!-- </view> -->
					<!-- </view> -->
					<view style="width: 100%;" class="flex-j-b fontSize25 m-tb-22 colorGray">
						<view class="flex">
							<view class="">
								{{item.time}}
							</view>
							<view class="p-lr-28">
								{{item.hot}}
							</view>
							<view class="colorWrite bg-blue">
								{{item.detail}}
							</view>
						</view>
						<view class="flex-c">
							<image class="m-6" style="width: 18rpx;height: 16rpx" src="/static/my/info.png" mode=""></image>
							{{item.num}}
						</view>
					</view>
				</view>
				<view class="flex-1 flex-j-e fontSize20" style="width: 184rpx;height:118rpx;position: relative;">
					<image src="/static/my/img1.png" mode="" style="width: 184rpx;height:118rpx;" class=""></image>
					<view class="p-6 colorWrite"
						style="background-color: rgba(0,0,0,.5);position: absolute;top: 0;right:0;">
						帖子
					</view>
					<view class="p-6 colorWrite bg-red" style="position: absolute;bottom: 0;right: 0;">
						删除
					</view>
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				textCon: [{
						name: '标题XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX...',
						title: '出售闲置：#书桌,椅子，文具多...',
						isAd: true,
						time: '一天前',
						hot: '202阅读',
						detail: '校园论坛',
						num: '54'
					},
					{
						name: '标题XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX...',
						title: '出售闲置：#书桌,椅子，文具多...',
						isAd: false,
						time: '一天前',
						hot: '202阅读',
						detail: '校园论坛',
						num: '54'
					},
					{
						name: '标题XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX...',
						title: '出售闲置：#书桌,椅子，文具多...',
						isAd: false,
						time: '一天前',
						hot: '202阅读',
						detail: '校园论坛',
						num: '54'
					}
				],
				list1: [{
					name: '全部'
				}, {
					name: '帖子'
				}, {
					name: '信息'
				}, {
					name: '草稿箱',
					count: 5
				}],
				list: [{
					name: '全部'
				}, {
					name: '校园论坛'
				}, {
					name: '二手闲置'
				}, {
					name: '顺手带',
					count: 5
				}, {
					name: '组队摇人'
				}],
			}
		}
	}
</script>

<style lang="scss" scoped>
</style>